@charset "utf-8";

/*顶部*/

body.news-detail header {

  background: #fff;

}

body.news-detail header .section .header-box .logo {

  filter: none;

}

body.news-detail header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {

  color: #333;

}

body.news-detail header .section .header-box .menu-box .menu-list .firstItem.language img {

  filter: none;

}

header {

  position: fixed;

  z-index: 10;

  width: 100%;

  transition: all 0.5s;

  top: 0;

}

header .header-menu {

  transition: all 0.5s;

  height: 120px;

  position: relative;

}

header.getActive {

  top: -60px;

}

header.active .header-menu,

header.bgActive .header-menu {

  height: 80px;

  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.03);

  background: #fff;

}

header.active .header-menu .header-box .logo,

header.bgActive .header-menu .header-box .logo {

  filter: none;

}

header.active .header-menu .header-box .logo img,

header.bgActive .header-menu .header-box .logo img {

  max-width: 80%;

}

header.active .header-menu .header-box .menu-box .menu-list .firstItem.language img,

header.bgActive .header-menu .header-box .menu-box .menu-list .firstItem.language img {

  margin-right: 20px;

  filter: none;

}

header.active .header-menu .header-box .menu-box .menu-list .firstItem.active .firstItem-title a,

header.bgActive .header-menu .header-box .menu-box .menu-list .firstItem.active .firstItem-title a {

  color: var(--dominant-color);

}

header.active .header-menu .header-box .menu-box .menu-list .firstItem:hover .firstItem-title a,

header.bgActive .header-menu .header-box .menu-box .menu-list .firstItem:hover .firstItem-title a {

  color: var(--dominant-color);

}

header.active .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title a,

header.bgActive .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title a {

  color: #333;

}

header.active .header-menu .header-box .menu-box .menu-list .firstItem .second-box,

header.bgActive .header-menu .header-box .menu-box .menu-list .firstItem .second-box {

  top: 60px;

}

header .section {

  height: 100%;

}

header .section .header-box {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  height: 100%;

}

header .section .header-box .logo {

  filter: grayscale(1) brightness(100);

}

header .section .header-box .logo img {

  transition: all 0.5s;
  width:80%;

}

header .section .header-box .menu-box {

  height: 100%;

  margin-left: auto;

}

header .section .header-box .menu-box .menu-list {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

  color: #fff;

}

header .section .header-box .menu-box .menu-list .firstItem {

  display: flex;

  align-items: center;

  height: 100%;

  position: relative;

}

header .section .header-box .menu-box .menu-list .firstItem.language img {

  margin-right: 20px;

  /*filter: brightness(100);*/

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

  padding: 0 30px;

  position: relative;

  display: flex;

  align-items: center;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {

  color: #fff;

  font-size: 16px;

  transition: all 0.5s;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {

  width: 0;

  height: 2px;

  bottom: 0;

  left: 0;

  background: #333;

  position: absolute;

  margin: auto;

  right: 0;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover::after {

  width: 100%;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover a {

  color: var(--dominant-color);

}

header .section .header-box .menu-box .menu-list .firstItem > a {

  font-size: 14px;

  height: 80px;

  line-height: 80px;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box {

  position: absolute;

  top: 100px;

  width: 160px;

  left: 50%;

  margin-left: -80px;

  display: none;

  overflow: auto;

  transition: top 0.5s;

  border-radius: 0 0 8px 8px;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

  background: var(--dominant-color);

  margin-top: 20px;

  padding: 20px;

}

@media screen and (max-width: 768px) {

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

    margin-top: 0;

    padding-left: 10%;

  }

}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

  content: '';

  width: 0;

  height: 0;

  border-width: 10px;

  border-color: transparent transparent var(--dominant-color) transparent;

  border-style: solid;

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  position: absolute;

  transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

    display: none;

  }

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a {

  color: #fff;

  display: block;

  text-align: center;

  margin-bottom: 20px;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a:last-child {

  margin-bottom: 0;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a:hover {

  text-decoration: underline;

}

header .section .header-box .headerRight {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

}

header .section .header-box .headerRight .item {

  margin-left: 20px;

  cursor: pointer;

}

header .section .header-box .headerRight .item a {

  font-size: 18px;

  color: #C7C7C7;

  transition: all 0.5s;

}

header .section .header-box .headerRight .item a:hover {

  color: #fff;

}

/*轮播图*/

.banner {

  width: 100%;

  position: relative;

  /*视频样式*/

}

.banner::after {

  content: '';

  background: url('../bgimg/img0.png') no-repeat center;

  width: 17px;

  height: 34px;

  position: absolute;

  bottom: 50px;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 1;

  animation: down 2s infinite;

}

.banner .text {

  position: absolute;

  width: 90%;

  max-width: 1600px;

  left: 0;

  right: 0;

  top: 30%;

  margin: auto;

  color: #fff;

  line-height: 1;

}

.banner .text .more {

  opacity: 0.6;

  font-size: 16px;

  width: 180px;

  height: 56px;

  line-height: 56px;

  text-align: center;

  border-radius: 28px;

  border: 1px solid #fff;

  margin-top: 70px;

  display: block;

  transition: all 0.5s;

}

.banner .text .more:hover {

  opacity: 1;

}

.banner .text.text-1 .sub {

  font-size: 28px;

  padding-left: 20px;

  position: relative;

}

.banner .text.text-1 .sub span {

  position: relative;

  z-index: 1;

}

.banner .text.text-1 .sub::before {

  content: '';

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: var(--dominant-color);

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 0;

}

.banner .text.text-1 .title {

  font-size: 58px;

  font-weight: 600;

  margin: 40px 0 30px;

}

.banner .text.text-1 .summary {

  font-size: 28px;

}

.banner .text.text-2 .title {

  font-size: 58px;

  margin-bottom: 40px;

  font-weight: 100;

  font-family: MiSans-Light;

  line-height: 1.2;

}

.banner .text.text-2 .title span {

  font-weight: 600;

}

.banner .text.text-2 .sub {

  font-size: 20px;

  font-family: MiSans-Light;

  max-width: 460px;

  line-height: 1.4;

}

.banner .text.text-3 .title {

  text-align: center;

  font-size: 58px;

  font-weight: 600;

}

.banner .text.text-3 .sub {

  font-size: 22px;

  text-align: center;

  margin-top: 20px;

  font-family: MiSans-Light;

}

.banner .banner-button {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  max-width: 1760px;

  width: 90%;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  height: fit-content;

}

@media screen and (max-width: 768px) {

  .banner {

    padding-top: 60px;

  }

}

.banner .swiper-slide {

  height: 100vh;

  cursor: pointer;

}

.banner .swiper-slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.banner .swiper-slide video {

  width: 100%;

  object-fit: cover;

}

@media screen and (max-width: 768px) {

  .banner .swiper-slide video {

    height: 100%;

  }

}

.banner .swiper-slide .video-play {

  position: absolute;

  inset: 0;

  margin: auto;

  width: 100px;

  height: 100px;

  opacity: 0.6;

  cursor: pointer;

  z-index: 10;

}

.banner .swiper-button-prev,

.banner .swiper-button-next {

  width: 80px;

  height: 80px;

  position: initial;

  border: 1px solid #fff;

  border-radius: 50%;

  margin: 10px 0;

  transition: all 0.5s;

}

.banner .swiper-button-prev::after,

.banner .swiper-button-next::after {

  opacity: 0;

}

.banner .swiper-button-prev:hover,

.banner .swiper-button-next:hover {

  opacity: 1;

  background-color: var(--dominant-color);

  border: none;

}

.banner .swiper-button-prev {

  background: url('../bgimg/prev.png') no-repeat center;

}

.banner .swiper-button-next {

  background: url('../bgimg/next.png') no-repeat center;

}

.banner .swiper-slide.swiper-slide-active .title {

  transform: translateY(0);

  opacity: 1;

  transition: all 1s;

  transition-delay: 0.5s;

}

.banner .swiper-slide.swiper-slide-active .summary {

  transform: translateY(0);

  opacity: 0.6;

  transition: all 1s;

  transition-delay: 0.7s;

}

.banner .swiper-slide.swiper-slide-active .more-fade {

  transform: translateY(0);

  opacity: 1;

  transition: all 1s;

  transition-delay: 0.9s;

}

.banner .swiper-pagination {

  bottom: 30px !important;

}

.banner .swiper-pagination-bullet {

  width: 24px;

  height: 24px;

  background: none;

  position: relative;

}

.banner .swiper-pagination-bullet svg {

  width: 100%;

  height: 100%;

  opacity: 0;

}

.banner .swiper-pagination-bullet svg #circle {

  transition: linear 4.5s;

  stroke-dasharray: 140, 140;

  stroke-dashoffset: 140;

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active #circle {

  stroke-dashoffset: 0;

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active svg {

  opacity: 1;

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

  opacity: 1;

}

.banner .swiper-pagination-bullet::after {

  content: "";

  width: 6px;

  height: 6px;

  background: #fff;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -4px;

  margin-left: -4px;

  opacity: 0.5;

}

@keyframes down {

  0% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-20px);

  }

  100% {

    transform: translateY(0);

  }

}

.index-title {

  text-align: center;

  margin-bottom: 60px;

}

.index-title .title {

  font-size: 48px;

  color: #333;

  font-family: MiSans-Medium;

}

.index-title .sub {

  font-size: 34px;

  margin-top: 80px;

}

.index-title .summary {

  font-size: 20px;

  color: #666666;

  margin-top: 60px;

  line-height: 1.6;

}

.index-box1 {

  position: relative;

}

.index-box1 .index-box1-bg {

  height: 700px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 0;

}

.index-box1 .section {

  position: relative;

  z-index: 1;

  padding: 120px 0;

}

.index-box1 .section .index-title {

  color: #fff;

}

.index-box1 .section .index-title .title {

  color: #fff;

}

.index-box1 .section .index-title .summary {

  color: #fff;

  max-width: 980px;

  text-align: center;

  margin: 60px auto;

}

.index-box1 .section .index-box1-box {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 0 50px;

}

.index-box1 .section .index-box1-box .item {

  background: #fff;

  box-shadow: 0 25px 24px 0 rgba(4, 0, 0, 0.06);

}

.index-box1 .section .index-box1-box .item .imgBox {

  margin: 10px;

  height: 0;

  padding-bottom: 80%;

}

.index-box1 .section .index-box1-box .item .imgBox img {

  position: absolute;

}

.index-box1 .section .index-box1-box .item .text {

  text-align: center;

  padding: 50px 20px;

}

.index-box1 .section .index-box1-box .item .text .title {

  font-size: 32px;

  transition: all 0.5s;

  margin-bottom: 10px;

  font-family: MiSans-Medium;

}

.index-box1 .section .index-box1-box .item .text .summary {

  font-size: 16px;

  color: #666;

}

.index-box1 .section .index-box1-box .item:hover .title {

  color: var(--dominant-color);

}





.index-box2 {

  background: #fbfbfc url('../bgimg/img6.png') no-repeat center top 100px;

  padding: 120px 0;

  margin-top: -35px;

}

.index-box2 .index-title .title {

  font-family: MiSans-Medium;

}

.index-box2 .index-title .summary p {

  margin-bottom: 0;

}

.index-box2 .video-img {

  border-radius: 12px;

  overflow: hidden;

  position: relative;

  cursor: pointer;

}

.index-box2 .video-img:after {

  content: '';

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  position: absolute;

  /*background: url('../bgimg/play.svg') no-repeat center / cover;*/

  width: 65px;

  height: 65px;

}

.index-box2 .index-box2-number {

  width: 90%;

  max-width: 1260px;

  border-radius: 0 40px 0 40px;

  box-shadow: 2px 25px 24px 0 rgba(0, 0, 0, 0.08);

  background: #fff;

  display: flex;

  justify-content: space-evenly;

  margin: -110px auto 0;

  position: relative;

  padding: 50px 0 50px 0;

}

.index-box2 .index-box2-number .number {

  font-size: 16px;

  color: #333;

}

.index-box2 .index-box2-number .number span {

  font-size: 58px;

  color: #059372;

  font-weight: 600;

}





.index-box6 {

  background: #fbfbfc url('../bgimg/img6.png') no-repeat center top 100px;

  padding: 120px 0;

  margin-top: -35px;

}



.index-box6 .title{width:100%;text-align:center;font-size: 32px;color:#333;font-family: MiSans-Medium;}

.index-box6 .summary{margin-top:20px;margin-bottom:20px;width:100%;text-align:center;font-size:16px;color:#333;}

.index-box6 .item-list {

  display: grid;

  grid-gap: 50px;

  grid-template-columns: repeat(3, 1fr);

}

.index-box6 .item-list .item {

  overflow: hidden;

  cursor: pointer;

  box-shadow: 0 0 30px 0 rgba(204, 204, 204, 0.4);

}

.index-box6 .item-list .item .imgBox {

 /* height: 0;

  padding-bottom: 140%;*/

  height:300px

}



@media screen and (max-width: 768px) and (min-width: 320px){

	

.index-box6 .item-list .item .imgBox {

 /* height: 0;

  padding-bottom: 140%;*/

  height:100px

}

}





.index-box6 .item-list .item .imgBox img {

  position: absolute;

}

.index-box6 .item-list .item .title {

  font-size: 16px;

  text-align: center;

  margin-top: 10px;

   margin-bottom: 10px;

}





.index-box5 {padding:50px 0px;}



.index-box5 .title{width:100%;text-align:center;font-size: 32px;color:#333;font-family: MiSans-Medium;}

.index-box5 .summary{margin-top:20px;margin-bottom:20px;width:100%;text-align:center;font-size:16px;color:#333;}



.index-box5 .swiper-father{

	width:100%;

	height:100%;

	position:relative;

	

}



.index-box5 .swiper {

      width: 90%;

      height: 100%;

    }



.index-box5 .swiper-slide {

      text-align: center;

      font-size: 18px;

      background: #fff;

      display: flex;

      justify-content: center;

      align-items: center;

    }

	

.index-box5 .swiper-slide .items{

      width:100%;

	  height:260px;

    }

	

	





.index-box5 .swiper-slide .items .divtu {

      width:100%;

	  height:180px;

	  display:table-cell;

text-align:center;

vertical-align:middle;

    }

	



.index-box5 .swiper-slide .items .divtu img {

      max-width:100%;

	  max-height:100%;

      object-fit: cover;

    }

	

.index-box5 .swiper-slide .items .tit {

     width:100%;

	 text-align:center;

	 display: -webkit-box;

	 -webkit-box-orient: vertical;

	 -webkit-line-clamp: 1;

	 overflow: hidden;

	 margin-top:20px;

	 color:#000;

    }

  





/*.index-box2 .index-title .title {

  font-family: MiSans-Medium;

}

.index-box2 .index-title .summary p {

  margin-bottom: 0;

}

.index-box2 .video-img {

  border-radius: 12px;

  overflow: hidden;

  position: relative;

  cursor: pointer;

}

.index-box2 .video-img:after {

  content: '';

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  position: absolute;

  background: url('../bgimg/play.svg') no-repeat center / cover;

  width: 65px;

  height: 65px;

}

.index-box2 .index-box2-number {

  width: 90%;

  max-width: 1260px;

  border-radius: 0 40px 0 40px;

  box-shadow: 2px 25px 24px 0 rgba(0, 0, 0, 0.08);

  background: #fff;

  display: flex;

  justify-content: space-evenly;

  margin: -110px auto 0;

  position: relative;

  padding: 50px 0 50px 0;

}

.index-box2 .index-box2-number .number {

  font-size: 16px;

  color: #333;

}

.index-box2 .index-box2-number .number span {

  font-size: 58px;

  color: #059372;

  font-weight: 600;

}*/

.index-box3 {

  margin: 120px auto;

}

.index-box3 .index-box3-box .index-title {

  text-align: left;

}

.index-box3 .index-box3-box .index-title .title {

  font-family: MiSans-Medium;

}

.index-box3 .index-box3-box .summary {

  font-size: 16px;

}

@media screen and (max-width: 768px) {

  .index-box3 .index-box3-box .summary {

    font-size: 14px;

  }

}

.index-box3 .index-box3-box .index-box3-swiper-button {

  display: flex;

  padding-top: 100px;

}

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev {

  background: url('../bgimg/prev.png') no-repeat center;

}

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next {

  background: url('../bgimg/next.png') no-repeat center;

}

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev,

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  border: 1px solid #eee;

  margin-right: 30px;

  position: inherit;

  transition: all 0.5s;

  margin-top: 0;

  filter: brightness(0);

  opacity: 0.2;

  z-index: 1;

}

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev:hover,

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next:hover {

  background-color: var(--dominant-color);

  filter: none;

  opacity: 1;

  border: none;

}

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev::after,

.index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next::after {

  opacity: 0;

}

.index-box3 .section {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.index-box3 .section .index-box3-box {

  width: 28%;

  margin-top: 120px;

}

.index-box3 .section .index-box3-swiper {

  width: 70%;

  max-width: 1180px;

}

.index-box3 .section .index-box3-swiper .swiper {

  width: 100%;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide {

  border-radius: 8px;

  overflow: hidden;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide .imgBox {

  height: 0;

  padding-bottom: 200%;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide .imgBox img {

  position: absolute;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide .text {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 50px;

  color: #fff;

  z-index: 1;

  opacity: 0;

  transition: all 0.5s;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide .text .title {

  font-size: 32px;

  font-weight: 600;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide .text .summary {

  font-size: 16px;

  line-height: 1.6;

  margin: 20px auto 40px;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide .text .more {

  width: 180px;

  height: 56px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  border-radius: 28px;

  border: 1px solid #fff;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide::after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  opacity: 0;

  top: 0;

  left: 0;

  transition: all 0.5s;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:hover::after {

  opacity: 0.8;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:hover .text {

  opacity: 1;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:nth-child(3n - 2) {

  margin-top: 120px;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:nth-child(3n - 2)::after {

  background: #cb2f2b;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:nth-child(3n - 1)::after {

  background: #147553;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:nth-child(3n) {

  margin-top: 220px;

}

.index-box3 .section .index-box3-swiper .swiper .swiper-slide:nth-child(3n)::after {

  background: #347fbe;

}

.index-box4 {

  padding: 120px 0;

}

.index-box4 .index-title .title {

  font-family: MiSans-Medium;

}

.index-box4 .index-box4-box {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-box4 .index-box4-box .index-more {

  width: 170px;

  height: 56px;

  background: var(--dominant-color);

  border-radius: 28px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  color: #fff;

  margin-bottom: 40px;

  border: 1px solid var(--dominant-color);

  transition: all 0.5s;

}

.index-box4 .index-box4-box .index-more:hover {

  background: #fff;

  color: var(--dominant-color);

}

.index-box4 .index-news {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-gap: 40px 100px;

}

.index-box4 .index-news a {

  display: flex;

}

.index-box4 .index-news .item .item-img {

  flex-basis: 48%;

}

.index-box4 .index-news .item .item-img .imgBox {

  height: 0;

  padding-bottom: 65%;

  border-radius: 8px;

}

.index-box4 .index-news .item .item-img .imgBox img {

  position: absolute;

}

.index-box4 .index-news .item:hover .text .title {

  color: var(--dominant-color);

}

.index-box4 .index-news .item .text {

  flex-basis: 50%;

  padding-top: 40px;

  padding-left: 40px;

}

.index-box4 .index-news .item .text .title {

  font-size: 28px;

  color: #2B2B2B;

  transition: all 0.5s;

  font-family: MiSans-Medium;

}

.index-box4 .index-news .item .text .time {

  color: #333;

  margin: 20px auto;

  font-size: 16px;

}

.index-box4 .index-news .item .text .summary {

  font-size: 16px;

  color: #666;

  line-height: 1.6;

}

.footer {

  background: #3e3e3e;

  padding: 120px 0;

  color: #fff;

}

.footer .footer-top {

  width: 90%;

  max-width: 1600px;

  margin: auto;

  display: flex;

  justify-content: space-between;

}

.footer .footer-top .item .item-title {

  font-size: 18px;

  font-family: MiSans-Light;

}

.footer .footer-top .item .item-box {

  margin-top: 30px;

}

.footer .footer-top .item .item-box a {

  display: block;

  font-size: 16px;

  opacity: 0.5;

  transition: all 0.5s;

  margin-bottom: 10px;

  font-family: MiSans-Light;

}

.footer .footer-top .item .item-box a:hover {

  opacity: 1;

}

.footer .footer-top .item .item-box .item-list {

  font-size: 16px;

  display: flex;

  margin-bottom: 10px;

  align-items: center;

}

.footer .footer-top .item .item-box .item-list .item-icon {

  width: 20px;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 10px;

}

.footer .footer-top .item .item-box .item-list span {

  opacity: 0.5;

  font-family: MiSans-Light;

}

.footer .footer-top .footer-menu {

  flex-basis: 50%;

  display: flex;

  justify-content: space-between;

  max-width: 760px;

}

.footer .footer-mid {

  width: 90%;

  max-width: 1600px;

  margin: 120px auto 30px;

}

.footer .footer-mid .code {

  display: flex;

  justify-content: flex-end;

}

.footer .footer-mid .code .item {

  position: relative;

  margin-left: 20px;

}

.footer .footer-mid .code .item .item-icon {

  width: 20px;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.footer .footer-mid .code .item .item-icon:hover {

  filter: brightness(100);

}

.footer .footer-mid .code .item .item-icon:hover ~ .item-code {

  display: flex;

}

.footer .footer-mid .code .item .item-code {

  position: absolute;

  width: 70px;

  height: 70px;

  background: #fff;

  padding: 3px;

  border-radius: 6px;

  bottom: 40px;

  left: 50%;

  margin-left: -35px;

  display: none;

  justify-content: center;

  align-items: center;

}

.footer .footer-mid .code .item .item-code img {

  width: 100%;

}

.footer .footer-mid .code .item .item-code::after {

  content: '';

  width: 10px;

  height: 5px;

  position: absolute;

  bottom: -5px;

  left: 0;

  right: 0;

  margin: auto;

  background: url('../bgimg/img23.png') no-repeat center;

}

.footer .footer-bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  padding: 30px 0;

}

.footer .footer-bottom .section {

  display: flex;

  justify-content: space-between;

  color: #fff;

  max-width: 1600px;

  color: rgba(255, 255, 255, 0.3);

}

.footer .footer-bottom .section a {

  transition: all 0.5s;

}

.footer .footer-bottom .section a:hover {

  text-decoration: underline;

}

/*内页*/

/*内页通用*/

.pageBanner {

  transition: all 0.5s;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

.pageBanner .banner-box {

  width: 100%;

  height: 580px;

  display: flex;

}

.pageBanner .section {

  display: flex;

  flex-direction: column;

  color: #fff;

  align-items: center;

}

.pageBanner .section .title {

  font-size: 58px;

  font-weight: 900;

}

.pageBanner .section .sub {

  font-size: 12px;

}

.pageBanner .section .summary {

  font-size: 16px;

  margin-top: 40px;

  text-indent: 2em;

  line-height: 1.8;

}

@media screen and (max-width: 1366px) {

  .pageBanner .section .summary {

    margin-top: 20px;

  }

}

/*翻页*/

.pager {

  display: flex;

  justify-content: center;

  width: 100%;

  margin-top: 100px;

}

.pager .number {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  margin: 0 10px;

  color: #333;

  transition: all 0.5s;

  font-size: 16px;

}

.pager .number:hover,

.pager .number.active {

  background: var(--dominant-color);

  color: #fff;

  transition: all 0.5s;

}

.pager .number.prev:hover img,

.pager .number.next:hover img {

  filter: grayscale(0) brightness(100);

}

/*内页分类*/

.page-menu {

  height: 70px;

  box-shadow: 0 5px 20px 0 rgba(51, 51, 51, 0.1);

  margin-top: -35px;

  background: #fff;

  position: relative;

  z-index: 1;

  border-radius: 36px;

}

.page-menu .phone-click {

  display: none;

}

@media screen and (max-width: 768px) {

  .page-menu .phone-click {

    display: block;

    background: var(--dominant-color);

    color: #fff;

    font-size: 16px;

    height: 50px;

    line-height: 50px;

    text-align: center;

  }

}

.page-menu .menu-box {

  display: flex;

  justify-content: space-between;

  height: 100%;

}

.page-menu .menu-box .item {

  display: flex;

  height: 100%;

  flex-basis: 100%;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  border-radius: 36px;

  transition: all 0.5s;

  margin-right: 1px;

}

.page-menu .menu-box .item:last-child {

  margin-right: 0;

}

.page-menu .menu-box .item a {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}

.page-menu .menu-box .item.active,

.page-menu .menu-box .item:hover {

  background: var(--dominant-color) url('../bgimg/img5.jpg') no-repeat center / cover;

  color: #fff;

}

.pageMargin {

  margin: 120px auto;

}

.seize-a-seat {

  height: 120px;

}

/*产品服务*/

.product-service-box1 .item {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

}

.product-service-box1 .item .item-text,

.product-service-box1 .item .item-img {

  flex-basis: 50%;

}

.product-service-box1 .item .item-text .item-text-in {

  width: 90%;

  max-width: 600px;

  margin: 40px 40px 40px auto;

  padding-left: 20px;

}

.product-service-box1 .item .item-text .item-text-in .title {

  font-size: 38px;

  font-family: MiSans-Medium;

}

.product-service-box1 .item .item-text .item-text-in .sub {

  font-size: 58px;

  color: #000;

  opacity: 0.06;

  margin-bottom: 10px;

  font-family: MiSans-Medium;

}

.product-service-box1 .item .item-text .item-text-in .line {

  width: 60px;

  height: 3px;

  background: var(--dominant-color);

  margin: 30px 0;

}

.product-service-box1 .item .item-text .item-text-in .summary {

  margin-top: 20px;

  font-size: 16px;

  line-height: 1.8;

  color: #666666;

}

.product-service-box1 .item:nth-child(even) {

  flex-direction: row-reverse;

}

.product-service-box1 .item:nth-child(even) .item-text .item-text-in {

  margin: 40px auto 40px 0;

  padding-right: 20px;

  padding-left: 0;

}

.product-service-box2 .product-service-box2-menu {

  margin-bottom: 60px;

}

@media screen and (max-width: 768px) {

  .product-service-box2 .product-service-box2-menu {

    margin-bottom: 30px;

  }

}

.product-service-box2 .product-service-box2-menu .menu-click {

  display: none;

}

@media screen and (max-width: 768px) {

  .product-service-box2 .product-service-box2-menu .menu-box {

    display: flex;

    overflow: auto;

  }

  .product-service-box2 .product-service-box2-menu .menu-box::-webkit-scrollbar:horizontal {

    height: 1px;

  }

  .product-service-box2 .product-service-box2-menu .menu-box::-webkit-scrollbar-thumb {

    background: var(--dominant-color);

  }

}

.product-service-box2 .product-service-box2-menu .menu-box a {

  height: 56px;

  transition: all 0.5s;

  border-radius: 28px;

  display: inline-block;

  padding: 0 50px;

  line-height: 56px;

  font-size: 16px;

  color: #333;

  margin-bottom: 10px;

}

.product-service-box2 .product-service-box2-menu .menu-box a.active,

.product-service-box2 .product-service-box2-menu .menu-box a:hover {

  color: #fff;

  background: var(--dominant-color);

}

@media screen and (max-width: 768px) {

  .product-service-box2 .product-service-box2-menu .menu-box a {

    text-align: center;

    height: 40px;

    line-height: 40px;

    font-size: 12px;

    flex-shrink: 0;

    padding: 0 20px;

    margin-right: 10px;

  }

}

.product-service-box2 .item-list {

  display: grid;

  grid-gap: 40px;

  grid-template-columns: repeat(3, 1fr);

}

.product-service-box2 .item-list .item {

  border-radius: 6px;

  overflow: hidden;

  cursor: pointer;

}

.product-service-box2 .item-list .item .imgBox {

  height: 0;

  padding-bottom: 90%;

}

.product-service-box2 .item-list .item .imgBox img {

 /* position: absolute;*/

}

.product-service-box3 .item-list {

  display: grid;

  grid-gap: 25px;

  grid-template-columns: repeat(5, 1fr);

}

.product-service-box3 .item-list .item {

  border-radius: 6px;

  overflow: hidden;

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);

}

.product-service-box3 .item-list .item .imgBox {

  height: 0;

  padding-bottom: 45%;

}

.product-service-box3 .item-list .item .imgBox img {

  position: absolute;

}

.product-service-box4 .section1600 {

  overflow: hidden;

}

.product-service-box4 .section1600 .summary {

  max-width: 1050px;

  margin-left: auto;

  margin-right: auto;

}

.product-service-box4 .section1600 .swiper {

  overflow: initial;

  max-width: 1080px;

  padding-bottom: 100px;

}

.product-service-box4 .section1600 .swiper .swiper-slide {

  border-radius: 6px;

  overflow: hidden;

  transition: all 0.5s;

  transform: scale(0.8);

}

.product-service-box4 .section1600 .swiper .swiper-slide .imgBox {

  height: 0;

  padding-bottom: 63%;

}

.product-service-box4 .section1600 .swiper .swiper-slide .imgBox img {

  position: absolute;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);

}

.product-service-box4 .section1600 .swiper .swiper-slide .title {

  font-size: 16px;

  margin-top: 10px;

  text-align: center;

}

.product-service-box4 .section1600 .swiper .swiper-slide.swiper-slide-active {

  z-index: 1;

  transform: scale(1);

}

.product-service-box4 .section1600 .swiper .swiper-slide.swiper-slide-prev {

  transform-origin: center right;

}

.product-service-box4 .section1600 .swiper .swiper-slide.swiper-slide-next {

  transform-origin: center left;

}

.product-service-box4 .section1600 .swiper .swiper-pagination-bullet {

  background: none;

  border: 3px solid #cccccc;

  opacity: 1;

  width: 15px;

  height: 15px;

  margin: 0 10px;

}

.product-service-box4 .section1600 .swiper .swiper-pagination-bullet-active {

  border-color: var(--dominant-color);

}

/*关于我们*/

.about-box-1 .index-title .summary {

  text-align: left;

  max-width: 1280px;

  margin-left: auto;

  margin-right: auto;

}

.about-box-2 .history-swiper {

  display: flex;

  justify-content: space-between;

  position: relative;

}

.about-box-2 .history-swiper .history-swiper-big {

  width: calc(100% - 320px);

  margin-top: 100px;

}

.about-box-2 .history-swiper .history-swiper-big .swiper {

  padding-bottom: 200px;

}

.about-box-2 .history-swiper .history-swiper-big .bg-time {

  font-size: 26vw;

  color: #f9f9f9;

  line-height: 1;

  font-family: MiSans-Demibold;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text {

  position: absolute;

  top: 80px;

  left: 0;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .time {

  font-size: 28px;

  color: var(--dominant-color);

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .time span {

  font-size: 58px;

  font-weight: 600;

  margin-right: 10px;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .title {

  font-size: 28px;

  color: #333;

  margin-top: 40px;

  margin-bottom: 20px;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .summary {

  font-size: 16px;

  color: #666;

  max-width: 900px;

  line-height: 1.8;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .summary ul {

  padding-left: 20px;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .summary ul li {

  color: var(--dominant-color);

  list-style: disc;

  margin-bottom: 10px;

}

.about-box-2 .history-swiper .history-swiper-big .slide-text .summary ul li span {

  color: #333;

  display: block;

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button,

.about-box-2 .history-swiper .history-swiper-small .swiper-button {

  position: absolute;

  left: 0;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-prev,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev,

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-next,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next {

  position: initial;

  width: 80px;

  height: 80px;

  border: 1px solid #eee;

  margin: 15px 0;

  border-radius: 50%;

  transition: all 0.5s;

  z-index: 9;

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-prev::after,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev::after,

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-next::after,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next::after {

  content: '';

  filter: brightness(0.5);

  width: 20px;

  height: 20px;

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-prev:hover,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev:hover,

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-next:hover,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next:hover {

  background: var(--dominant-color);

  border: none;

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-prev:hover::after,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev:hover::after,

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-next:hover::after,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next:hover::after {

  filter: brightness(100);

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-prev::after,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev::after {

  background: url('../bgimg/prev.png') no-repeat center;

  transform: rotate(90deg);

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-next::after,

.about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next::after {

  background: url('../bgimg/next.png') no-repeat center;

  transform: rotate(90deg);

}

.about-box-2 .history-swiper .history-swiper-big .swiper-button {

  display: none;

}

.about-box-2 .history-swiper .history-swiper-small {

  width: 300px;

  padding-left: 150px;

  position: relative;

  height: 780px;

  background: url('../bgimg/img61.png') no-repeat center left 150px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.about-box-2 .history-swiper .history-swiper-small .swiper {

  height: 615px;

  margin-right: 0;

}

.about-box-2 .history-swiper .history-swiper-small .swiper .swiper-slide {

  display: flex;

  cursor: pointer;

  align-items: center;

  justify-content: flex-end;

  font-size: 18px;

  color: #ccc;

  transition: all 0.5s;

}

.about-box-2 .history-swiper .history-swiper-small .swiper .swiper-slide.swiper-slide-active {

  font-size: 28px;

  color: var(--dominant-color);

}

.about-box-2 .history-swiper .history-swiper-small .swiper .swiper-slide:hover {

  color: var(--dominant-color);

}

.about-box-3 .item-list {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 40px;

}

.about-box-3 .item-list .item {

  position: relative;

  border-radius: 12px;

  overflow: hidden;

  height: fit-content;

  cursor: pointer;

}

.about-box-3 .item-list .item::after {

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  background: var(--dominant-color);

  opacity: 0;

  transition: all 0.5s;

}

.about-box-3 .item-list .item:hover::after {

  opacity: 0.6;

}

.about-box-3 .item-list .item:hover .item-text {

  opacity: 1;

}

.about-box-3 .item-list .item .imgBox {

  height: 0;

  padding-bottom: 155%;

}

.about-box-3 .item-list .item .imgBox img {

  position: absolute;

}

.about-box-3 .item-list .item .item-text {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  padding: 50px 30px;

  height: fit-content;

  text-align: left;

  color: #fff;

  transition: all 0.5s;

  z-index: 1;

}

.about-box-3 .item-list .item .item-text .title {

  font-size: 20px;

}

.about-box-3 .item-list .item .item-text .summary {

  margin-top: 10px;

  font-size: 24px;

  line-height: 1.6;

  font-family: MiSans-Medium;

}

@media screen and (max-width: 768px) {

  .about-box-3 .item-list .item .item-text .summary {

    font-size: 20px;

  }

}

.about-box-3 .item-list .item:nth-child(2) {

  margin-top: 80px;

}

.about-box-4 .honor-swiper {

  padding-bottom: 50px;

  margin-bottom: 120px;

  position: relative;

}

.about-box-4 .honor-swiper .summary {

  text-align: center;

  font-size: 20px;

  line-height: 1.8;

  color: #666;

}

.about-box-4 .honor-swiper .honor-bg {

  position: absolute;

  bottom: 0;

  left: 0;

  height: 410px;

  width: 100%;

}

.about-box-4 .honor-swiper .swiper {

  padding: 180px 0 150px;

  background: none !important;

}

.about-box-4 .honor-swiper .swiper .swiper-slide {

  transition: all 0.5s;

}

.about-box-4 .honor-swiper .swiper .swiper-slide.swiper-slide-prev,

.about-box-4 .honor-swiper .swiper .swiper-slide.swiper-slide-next {

  transform: translateY(-20px) scale(1.2);

  z-index: 1;

}

.about-box-4 .honor-swiper .swiper .swiper-slide.swiper-slide-active {

  transform: translateY(-40px) scale(1.4);

  z-index: 5;

}

.about-box-4 .honor-swiper .swiper .swiper-slide img {

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);

}

.about-box-4 .honor-swiper .swiper .swiper-slide .title {

  color: #fff;

  text-align: center;

  margin-top: 10px;

}

.about-box-4 .honor-swiper .swiper .swiper-pagination-bullet {

  opacity: 1;

  width: 12px;

  height: 12px;

  border: 2px solid #fff;

  background: none;

  margin: 0 12px;

}

.about-box-4 .honor-swiper .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #fff;

}

.about-box-4 .item-list {

  display: grid;

  grid-gap: 50px;

  grid-template-columns: repeat(4, 1fr);

}

.about-box-4 .item-list .item {

  overflow: hidden;

  cursor: pointer;

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.02);

}

.about-box-4 .item-list .item .imgBox {

 /* height: 0;

  padding-bottom: 140%;*/

  height:300px

}

.about-box-4 .item-list .item .imgBox img {

  position: absolute;

}

.about-box-4 .item-list .item .title {

  font-size: 16px;

  text-align: center;

  margin-top: 10px;

}

.about-box-5 .talent-top {

  height: 680px;

  position: relative;

  margin-bottom: 120px;

}

.about-box-5 .talent-top .text {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  height: fit-content;

  margin: auto;

  padding: 60px;

}

.about-box-5 .talent-top .text .title {

  font-size: 48px;

  font-weight: 600;

}

.about-box-5 .talent-top .text .sub {

  font-size: 30px;

  color: #333;

  max-width: 1000px;

  margin: 50px 0 20px;

}

.about-box-5 .talent-top .text .summary ul {

  padding-left: 24px;

}

.about-box-5 .talent-top .text .summary ul li {

  list-style: circle;

  color: var(--dominant-color);

}

.about-box-5 .talent-top .text .summary ul li span {

  color: #666;

}

.about-box-5 .talent-bottom .index-title .title {

  font-weight: 600;

}

.about-box-5 .talent-bottom .item-list {

  display: grid;

  grid-gap: 40px;

}

.about-box-5 .talent-bottom .item-list .item {

  cursor: pointer;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);

  border-radius: 8px;

  transition: all 0.5s;

  overflow: hidden;

}

.about-box-5 .talent-bottom .item-list .item .item-text {

  position: relative;

  padding: 40px;

  transition: all 0.5s;

}

.about-box-5 .talent-bottom .item-list .item .item-text .title {

  font-size: 20px;

  font-family: MiSans-Medium;

}

.about-box-5 .talent-bottom .item-list .item .item-text .add {

  margin: 10px 0;

}

.about-box-5 .talent-bottom .item-list .item .item-text .add,

.about-box-5 .talent-bottom .item-list .item .item-text .time,

.about-box-5 .talent-bottom .item-list .item .item-text .number {

  font-size: 14px;

  color: #666;

  transition: all 0.5s;

}

.about-box-5 .talent-bottom .item-list .item .item-text .items {

  display: flex;

}

.about-box-5 .talent-bottom .item-list .item .item-text .items .time,

.about-box-5 .talent-bottom .item-list .item .item-text .items .number {

  color: #999;

  margin-right: 20px;

}

.about-box-5 .talent-bottom .item-list .item .item-text .talent-click {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 40px;

  margin: auto;

  background: var(--dominant-color);

  transition: all 0.5s;

}

.about-box-5 .talent-bottom .item-list .item .item-text .talent-click::before,

.about-box-5 .talent-bottom .item-list .item .item-text .talent-click::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  background: #fff;

  transition: all 0.5s;

}

.about-box-5 .talent-bottom .item-list .item .item-text .talent-click::before {

  width: 2px;

  height: 20px;

}

.about-box-5 .talent-bottom .item-list .item .item-text .talent-click::after {

  width: 20px;

  height: 2px;

}

.about-box-5 .talent-bottom .item-list .item .item-show {

  display: none;

  padding: 40px;

  line-height: 2;

}

.about-box-5 .talent-bottom .item-list .item.active .item-text {

  background: var(--dominant-color);

  color: #fff;

}

.about-box-5 .talent-bottom .item-list .item.active .item-text .add,

.about-box-5 .talent-bottom .item-list .item.active .item-text .time,

.about-box-5 .talent-bottom .item-list .item.active .item-text .number {

  color: #fff;

}

.about-box-5 .talent-bottom .item-list .item.active .item-text .talent-click {

  background: #fff;

}

.about-box-5 .talent-bottom .item-list .item.active .item-text .talent-click::before,

.about-box-5 .talent-bottom .item-list .item.active .item-text .talent-click::after {

  background: var(--dominant-color);

}

.about-box-5 .talent-bottom .item-list .item.active .item-text .talent-click::before {

  transform: rotate(90deg);

}

/*联系我们*/

.contact-box1 .contact-box {

  display: flex;

  justify-content: space-between;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.contact-box1 .contact-box .contact-form {

  flex-basis: 60%;

  padding: 80px 80px 40px;

}

@media screen and (max-width: 1440px) {

  .contact-box1 .contact-box .contact-form {

    padding: 40px;

  }

}

.contact-box1 .contact-box .contact-form form {

  display: flex;

  flex-wrap: wrap;

}

.contact-box1 .contact-box .contact-form form label {

  flex-basis: calc((100% - 20px) / 2);

  margin-right: 20px;

  margin-bottom: 40px;

  position: relative;

}

.contact-box1 .contact-box .contact-form form label.textarea-box .input-title {

  top: 20px;

  bottom: auto;

}

.contact-box1 .contact-box .contact-form form label:nth-of-type(2) {

  margin-right: 0;

}

.contact-box1 .contact-box .contact-form form label:last-of-type {

  flex-basis: 100%;

  margin-right: 0;

}

.contact-box1 .contact-box .contact-form form label .input-title {

  position: absolute;

  top: 0;

  left: 20px;

  bottom: 0;

  margin: auto;

  height: fit-content;

}

.contact-box1 .contact-box .contact-form form label input {

  border: 1px solid #eee;

  height: 50px;

  padding: 0 0 0 70px;

}

.contact-box1 .contact-box .contact-form form label input::placeholder {

  font-size: 16px;

}

.contact-box1 .contact-box .contact-form form label textarea {

  border: 1px solid #eee;

  padding: 20px 20px 20px 70px;

}

.contact-box1 .contact-box .contact-form form label textarea::placeholder {

  font-size: 16px;

}

.contact-box1 .contact-box .contact-form form .contact-button {

  margin-top: 50px;

  display: flex;

  justify-content: space-between;

  width: 100%;

  margin-bottom: 50px;

}

.contact-box1 .contact-box .contact-form form .contact-button button {

  width: 170px;

  border-radius: 28px;

  height: 56px;

  background: var(--dominant-color);

  color: #fff;

  font-size: 16px;

  border: 1px solid var(--dominant-color);

  transition: all 0.5s;

}

.contact-box1 .contact-box .contact-form form .contact-button button:hover {

  background: #fff;

  color: var(--dominant-color);

}

.contact-box1 .contact-box .contact-form form .contact-button .contact-code {

  width: 105px;

  font-size: 14px;

  text-align: center;

  color: #999;

}

.contact-box1 .contact-box .contact-form form .contact-button .contact-code img {

  margin-bottom: 10px;

}

.contact-box1 .contact-box .contact-form .contact-code-box {

  margin-top: 30px;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

@media screen and (max-width: 768px) {

  .contact-box1 .contact-box .contact-form .contact-code-box {

    justify-content: space-between;

    margin-top: 0;

  }

}

.contact-box1 .contact-box .contact-form .contact-code-box .item {

  width: 105px;

  margin-right: 34px;

  margin-bottom: 20px;

}

@media screen and (max-width: 768px) {

  .contact-box1 .contact-box .contact-form .contact-code-box .item {

    margin-right: 0;

  }

}

.contact-box1 .contact-box .contact-form .contact-code-box .item:nth-child(6n) {

  margin-right: 0;

}

.contact-box1 .contact-box .contact-form .contact-code-box .item:last-child {

  margin-right: 0;

}

.contact-box1 .contact-box .contact-form .contact-code-box .item .code-img {

  margin-bottom: 6px;

}

.contact-box1 .contact-box .contact-form .contact-code-box .item .code-title {

  font-size: 14px;

  text-align: center;

  color: #999;

}

.contact-box1 .contact-box .contact-text {

  flex-basis: 35%;

  background: var(--dominant-color) url('../bgimg/img58.png') no-repeat center / cover;

  padding: 80px;

  color: #fff;

}

@media screen and (max-width: 1440px) {

  .contact-box1 .contact-box .contact-text {

    padding: 40px;

  }

}

.contact-box1 .contact-box .contact-text .item {

  margin-bottom: 30px;

}

.contact-box1 .contact-box .contact-text .item .sub {

  font-size: 16px;

}

.contact-box1 .contact-box .contact-text .item .summary {

  font-size: 20px;

}

.contact-box1 .contact-box .title {

  font-size: 38px;

  font-weight: 600;

  margin-bottom: 30px;

}

.contact-box1 .member {

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

  padding: 80px;

  margin-top: 40px;

}

@media screen and (max-width: 1600px) {

  .contact-box1 .member {

    padding: 40px;

  }

}

@media screen and (max-width: 768px) {

  .contact-box1 .member {

    padding: 20px;

  }

}

.contact-box1 .member .title {

  font-size: 38px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: center;

}

@media screen and (max-width: 768px) {

  .contact-box1 .member .title {

    font-size: 20px;

  }

}

.contact-box1 .member .tip-title {

  font-size: 24px;

  color: #999;

  margin-bottom: 30px;

  text-align: center;

}

@media screen and (max-width: 768px) {

  .contact-box1 .member .tip-title {

    font-size: 16px;

  }

}

.contact-box1 .member .member-box {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.contact-box1 .member .member-box .item {

  flex-basis: calc(100% / 3);

  padding: 20px;

}

@media screen and (max-width: 768px) {

  .contact-box1 .member .member-box .item {

    padding: 0 0 20px;

    border-bottom: 1px solid #eee;

    flex-basis: 100%;

    margin-bottom: 20px;

  }

}

.contact-box1 .member .member-box .item:nth-child(3n) {

  max-width: 240px;

}

.contact-box1 .member .member-box .item .tip {

  color: #999;

  font-size: 14px;

}

.contact-box1 .member .member-box .item .value {

  font-size: 16px;

  margin-bottom: 10px;

  padding-left: 20px;

}

.contact-box1 .member .member-box .item .value a:hover {

  text-decoration: underline;

}

.contact-box1 .member .member-box .item .company .value {

  background: url('../bgimg/img34.png') no-repeat center left;

}

.contact-box1 .member .member-box .item .tel .value {

  background: url('../bgimg/img29.png') no-repeat center left;

}

.contact-box1 .member .member-box .item .email .value {

  background: url('../bgimg/img30.png') no-repeat center left;

}

.contact-box1 .member .member-box .item .web .value {

  background: url('../bgimg/img31.png') no-repeat center left;

}

/*地图*/

#mapContainer {

  width: 100%;

  height: 780px;

  z-index: 0;

}

#tip {

  height: 30px;

  background-color: #fff;

  padding-left: 10px;

  padding-right: 10px;

  position: absolute;

  font-size: 12px;

  right: 10px;

  bottom: 20px;

  border-radius: 3px;

  line-height: 30px;

  border: 1px solid #ccc;

}

div.info-top {

  position: relative;

  background: none repeat scroll 0 0 #f9f9f9;

  border-bottom: 1px solid #ccc;

  border-radius: 5px 5px 0 0;

}

div.info-top div {

  display: inline-block;

  color: #333333;

  font-size: 14px;

  font-weight: bold;

  line-height: 31px;

  padding: 0 10px;

  text-align: left;

}

div.info-top img {

  transition-duration: 0.25s;

}

div.info-middle {

  font-size: 16px;

  padding: 20px;

  line-height: 1.8;

  text-align: left;

}

div.info-bottom {

  height: 0px;

  width: 100%;

  clear: both;

  text-align: center;

}

div.info-bottom img {

  position: relative;

  z-index: 104;

}

/*新闻资讯*/

.news-box1 .news-swiper {

  margin-bottom: 120px;

}

.news-box1 .news-swiper .swiper {

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.news-box1 .news-swiper .swiper .swiper-slide {

  padding: 20px;

  display: flex;

  justify-content: space-between;

  border-radius: 8px;

}

.news-box1 .news-swiper .swiper .swiper-slide:hover .slide-text .title {

  color: var(--dominant-color);

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-text {

  flex-basis: 50%;

  padding: 80px;

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-text .title {

  color: #333;

  font-size: 38px;

  font-weight: 600;

  transition: all 0.5s;

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-text .time {

  color: #666;

  font-size: 16px;

  margin-top: 10px;

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-text .summary {

  margin-top: 20px;

  font-size: 16px;

  line-height: 1.8;

  color: #666666;

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-text .more {

  width: 170px;

  height: 56px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--dominant-color);

  color: #fff;

  font-size: 16px;

  border-radius: 28px;

  margin-top: 50px;

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-img {

  flex-basis: 50%;

}

.news-box1 .news-swiper .swiper .swiper-slide .slide-img .imgBox {

  height: 500px;

}

.news-box1 .news-swiper .swiper .swiper-pagination {

  bottom: 50px;

  text-align: left;

  left: 100px;

}

.news-box1 .news-swiper .swiper .swiper-pagination .swiper-pagination-bullet {

  background: none;

  border: 2px solid #cccccc;

  opacity: 1;

  width: 12px;

  height: 12px;

  margin: 0 10px;

}

.news-box1 .news-swiper .swiper .swiper-pagination .swiper-pagination-bullet-active {

  border-color: var(--dominant-color);

}

.news-box2 .item-list {

  display: grid;

  grid-gap: 40px;

}

.news-box2 .item-list .item {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

  padding: 20px;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.news-box2 .item-list .item:hover .item-text .title {

  color: var(--dominant-color);

}

.news-box2 .item-list .item .item-text {

  flex-basis: 45%;

  padding: 80px;

}

.news-box2 .item-list .item .item-text .title {

  font-size: 38px;

  font-weight: 600;

  transition: all 0.5s;

}

.news-box2 .item-list .item .item-text .time {

  color: #666;

  font-size: 16px;

  margin-top: 10px;

}

.news-box2 .item-list .item .item-text .summary {

  margin-top: 20px;

  font-size: 16px;

  line-height: 1.8;

  color: #666666;

}

.news-box2 .item-list .item .item-img {

  flex-basis: 55%;

}

.news-box2 .item-list .item .item-img .imgBox {

  height: 0;

  padding-bottom: 67.5%;

}

.news-box2 .item-list .item .item-img .imgBox img {

  position: absolute;

}

.news-box2 .item-list .item:nth-child(even) {

  flex-direction: row-reverse;

}

.news-box2 .item-list .item:nth-child(even) .item-text .item-text-in {

  margin: 40px auto 40px 0;

  padding-right: 20px;

  padding-left: 0;

}

.news-detail .location {

  background: url('../bgimg/home.png') no-repeat center left;

  padding-left: 30px;

  margin-top: 30px;

}

.news-detail .news-detail-title {

  border-bottom: 1px dashed #eee;

  margin-top: 100px;

  margin-bottom: 50px;

  padding-bottom: 20px;

}

.news-detail .news-detail-title .title {

  color: #333;

  font-size: 38px;

  font-weight: 600;

  text-align: center;

  margin-bottom: 40px;

}

.news-detail .news-detail-title .item-list {

  display: flex;

  justify-content: center;

  align-items: center;

}

.news-detail .news-detail-title .item-list .item {

  font-size: 16px;

  color: #2a2a2a;

  margin: 0 30px;

}

.news-detail .news-detail-box {

  font-size: 16px;

  color: #666;

  line-height: 2;

  min-height: 300px;

  border-bottom: 1px dashed #eee;

  padding-bottom: 30px;

}

.news-detail .news-detail-box img {

  max-width: 100% !important;

  height: auto !important;

}

.news-detail .new-pager {

  display: flex;

  justify-content: center;

  margin: 120px 0;

}

.news-detail .new-pager a {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 170px;

  height: 56px;

  border-radius: 28px;

  border: 1px solid #c1c1c1;

  font-size: 16px;

  opacity: 0.4;

  margin: 0 20px;

  transition: all 0.5s;

}

.news-detail .new-pager a span {

  margin-right: 20px;

  filter: brightness(0);

  transition: all 0.5s;

}

.news-detail .new-pager a:hover {

  background: var(--dominant-color);

  opacity: 1;

  color: #fff;

}

.news-detail .new-pager a:hover span {

  filter: none;

}

/*创意研发*/

.originality-box1 .item {

  border-radius: 8px;

  overflow: hidden;

  display: flex;

  align-items: center;

}

@media screen and (min-width: 769px) {

  .originality-box1 .item {

    flex-direction: row-reverse;

  }

  .originality-box1 .item .imgBox {

    flex-basis: 60%;

  }

}

.originality-box1 .item .item-text {

  flex-basis: 40%;

  background: rgba(255, 255, 255, 0.98);

  padding: 40px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.originality-box1 .item .item-text .title {

  font-size: 48px;

  font-family: MiSans-Medium;

  margin-bottom: 30px;

}

.originality-box1 .item .item-text .summary {

  font-size: 16px;

  color: #666;

  line-height: 1.8;

}

.originality-box1 .swiper-button {

  position: absolute;

  right: 30px;

  display: flex;

  flex-direction: column;

  top: 0;

  bottom: 0;

  margin: auto;

  height: fit-content;

}

.originality-box1 .swiper-button .swiper-button-prev,

.originality-box1 .swiper-button .swiper-button-next {

  width: 80px;

  height: 80px;

  position: initial;

  border: 1px solid #fff;

  border-radius: 50%;

  margin: 10px 0;

  transition: all 0.5s;

}

.originality-box1 .swiper-button .swiper-button-prev::after,

.originality-box1 .swiper-button .swiper-button-next::after {

  opacity: 0;

}

.originality-box1 .swiper-button .swiper-button-prev:hover,

.originality-box1 .swiper-button .swiper-button-next:hover {

  background-color: var(--dominant-color);

  border: none;

}

.originality-box1 .swiper-button .swiper-button-prev {

  background: url('../bgimg/prev.png') no-repeat center;

}

.originality-box1 .swiper-button .swiper-button-next {

  background: url('../bgimg/next.png') no-repeat center;

}

.originality-box2 .item-list {

  width: 100%;

  display: flex;

  justify-content: space-between;

  position: relative;

}

.originality-box2 .item-list .item-text {

  width: 40%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.originality-box2 .item-list .item-text .title {

  font-size: 48px;

  font-family: MiSans-Medium;

  margin-bottom: 30px;

  margin-top: 50px;

}

.originality-box2 .item-list .item-text .summary {

  font-size: 16px;

  color: #666;

  line-height: 1.8;

  padding-bottom: 50px;

}

.originality-box2 .item-list .item-swiper {

  width: 55%;

}

.originality-box2 .item-list .item-swiper-big .swiper-slide,

.originality-box2 .item-list .item-swiper-small .swiper-slide {

  border-radius: 8px;

  overflow: hidden;

}

.originality-box2 .item-list .item-swiper-big .swiper-slide .imgBox,

.originality-box2 .item-list .item-swiper-small .swiper-slide .imgBox {

  height: 0;

  padding-bottom: 75%;

}

.originality-box2 .item-list .item-swiper-big .swiper-slide .imgBox img,

.originality-box2 .item-list .item-swiper-small .swiper-slide .imgBox img {

  position: absolute;

}

.originality-box2 .item-list .item-swiper-small {

  position: absolute;

  left: 0;

  width: 40%;

  bottom: 0;

}

.originality-box2 .item-list .item-swiper-small .swiper {

  margin: 0 50px;

}

.originality-box2 .item-list .item-swiper-small .swiper-slide {

  opacity: 0.3;

  cursor: pointer;

}

.originality-box2 .item-list .item-swiper-small .swiper-slide.swiper-slide-thumb-active {

  opacity: 1;

}

.originality-box2 .item-list .item-swiper-small .swiper-button-prev::after,

.originality-box2 .item-list .item-swiper-small .swiper-button-next::after {

  color: #c1c1c1;

  font-size: 16px;

}

.originality-box2 .item-list .item-swiper-small .swiper-button-prev:hover::after,

.originality-box2 .item-list .item-swiper-small .swiper-button-next:hover::after {

  color: var(--dominant-color);

}

.originality-box3 .item-list {

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.originality-box3 .item-list .item-text {

  width: 40%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.originality-box3 .item-list .item-text .title {

  font-size: 48px;

  font-family: MiSans-Medium;

  margin-bottom: 30px;

  margin-top: 50px;

}

.originality-box3 .item-list .item-text .sub {

  font-size: 32px;

  margin-bottom: 10px;

}

.originality-box3 .item-list .item-text .summary {

  font-size: 16px;

  color: #666;

  line-height: 1.8;

}

.originality-box3 .item-list .item-text .summary .item {

  margin-bottom: 30px;

}

.originality-box3 .item-list .item-text .summary .item .item-title {

  font-size: 24px;

  color: var(--dominant-color);

  position: relative;

  padding-left: 20px;

  font-family: MiSans-Medium;

}

.originality-box3 .item-list .item-text .summary .item .item-title::after {

  content: '';

  width: 7px;

  height: 7px;

  border-radius: 50%;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  background: var(--dominant-color);

  position: absolute;

}

.originality-box3 .item-list .item-swiper {

  width: 55%;

  position: relative;

}

.originality-box3 .item-list .item-swiper-big .swiper-slide,

.originality-box3 .item-list .item-swiper-small .swiper-slide {

  border-radius: 8px;

  overflow: hidden;

  background: #000;

}

.originality-box3 .item-list .item-swiper-big .swiper-slide .imgBox,

.originality-box3 .item-list .item-swiper-small .swiper-slide .imgBox {

  height: 0;

  padding-bottom: 75%;

}

.originality-box3 .item-list .item-swiper-big .swiper-slide .imgBox img,

.originality-box3 .item-list .item-swiper-small .swiper-slide .imgBox img {

  position: absolute;

}

.originality-box3 .item-list .item-swiper-small {

  position: absolute;

  width: 100%;

  bottom: 30px;

}

.originality-box3 .item-list .item-swiper-small .swiper {

  margin: 0 50px;

}

.originality-box3 .item-list .item-swiper-small .swiper-slide {

  cursor: pointer;

}

.originality-box3 .item-list .item-swiper-small .swiper-slide .imgBox {

  opacity: 0.3;

}

.originality-box3 .item-list .item-swiper-small .swiper-slide.swiper-slide-thumb-active .imgBox {

  opacity: 1;

}

.originality-box3 .item-list .item-swiper-small .swiper-button-prev::after,

.originality-box3 .item-list .item-swiper-small .swiper-button-next::after {

  color: #c1c1c1;

  font-size: 16px;

}

.originality-box3 .item-list .item-swiper-small .swiper-button-prev:hover::after,

.originality-box3 .item-list .item-swiper-small .swiper-button-next:hover::after {

  color: var(--dominant-color);

}

/*响应式*/

@media screen and (max-width: 1600px) {

  .pageBanner .section .title {

    font-size: 48px;

  }

  .banner .text.text-1 .title,

  .banner .text.text-2 .title,

  .banner .text.text-3 .title {

    font-size: 48px;

  }

  .banner .swiper-button-prev,

  .banner .swiper-button-next,

  .index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev,

  .index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next,

  .about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev,

  .about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next,

  .originality-box1 .swiper-button .swiper-button-prev,

  .originality-box1 .swiper-button .swiper-button-next {

    width: 60px;

    height: 60px;

  }

  .index-title .title {

    font-size: 32px;

  }

  .index-title .summary {

    font-size: 16px;

    margin-top: 30px;

	text-align:left;

  }

  .index-title .sub {

    font-size: 24px;

    margin-top: 30px;

  }

  .index-box1 .section {

    padding: 80px 0;

  }

  .index-box1 .index-box1-bg {

    height: 550px;

  }

  .index-box1 .section .index-box1-box .item .text .title {

    font-size: 24px;

  }

  .index-box1 .section .index-title .summary {

    margin: 30px auto;

  }

  .index-box2 {

    padding: 80px 0;

  }

  .index-box2 .index-box2-number .number span {

    font-size: 42px;

  }

  .index-box3 .section .index-box3-swiper .swiper .swiper-slide .text .title {

    font-size: 24px;

  }

  .index-box3 .index-box3-box .index-box3-swiper-button {

    padding-top: 50px;

  }

  .about-box-3 .item-list .item .item-text .title {

    font-size: 24px;

  }

  .index-box4 {

    padding: 80px 0;

  }

  .index-box4 .index-news .item .text .time {

    margin: 15px 0;

  }

  .index-box4 .index-news .item .text .title {

    font-size: 24px;

  }

  .about-box-5 .talent-top .text .title {

    font-size: 32px;

  }

  .about-box-5 .talent-top .text .sub {

    font-size: 24px;

    margin-top: 20px;

  }

  .pageMargin {

    margin: 80px auto;

  }

  .product-service-box1 .item .item-text .item-text-in .sub {

    font-size: 42px;

  }

  .product-service-box1 .item .item-text .item-text-in .title {

    font-size: 32px;

  }

  .product-service-box4 .section1600 .swiper .swiper-slide {

    transform: scale(0.7);

  }

  .product-service-box4 .section1600 .swiper {

    max-width: 800px;

  }

  .originality-box1 .item .item-text .title,

  .originality-box2 .item-list .item-text .title,

  .originality-box3 .item-list .item-text .title {

    font-size: 32px;

  }

  .originality-box3 .item-list .item-text .sub {

    font-size: 24px;

  }

  .originality-box3 .item-list .item-text .summary .item .item-title {

    font-size: 20px;

  }

  .originality-box3 .item-list .item-text .summary {

    font-size: 14px;

  }

  .news-box2 .item-list .item .item-text,

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text {

    padding: 60px;

  }

  .news-box2 .item-list .item .item-text .title,

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text .title,

  .news-detail .news-detail-title .title {

    font-size: 28px;

  }

  .contact-box1 .contact-box .title {

    font-size: 28px;

  }

  .footer {

    padding: 80px 0;

  }

  .footer .footer-mid {

    margin-top: 80px;

  }

}

@media screen and (max-width: 1366px) {

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    padding: 0 20px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box .section .second-item-box .item .item-top {

    font-size: 16px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box .section .second-item-box .item .item-top .summary {

    font-size: 14px;

  }

  .pageBanner .banner-box {

    height: 500px;

  }

  .contact-box1 .contact-box .title {

    font-size: 32px;

  }

  .index-box1 .section .index-box1-box .item .text {

    padding: 30px 20px;

  }

  .index-box1 .index-box1-bg {

    height: 500px;

  }

  .index-box4 .index-news .item .text .title {

    font-size: 20px;

  }

  .index-box4 .index-news {

    grid-gap: 30px;

  }

  .index-box4 .index-news .item .text .summary {

    font-size: 14px;

  }

}

@media screen and (max-width: 1280px) {

  header .section .header-box .logo img {

    max-width: 70%;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    padding: 0 15px;

  }

  header.active .header-menu .header-box .logo img,

  header.bgActive .header-menu .header-box .logo img {

    max-width: 70%;

  }

  .banner .text.text-1 .title,

  .banner .text.text-2 .title,

  .banner .text.text-3 .title {

    font-size: 36px;

  }

  .banner .text.text-1 .summary {

    font-size: 20px;

  }

  .pageBanner .section .title {

    font-size: 36px;

  }

  .page-menu .menu-box .item {

    font-size: 16px;

  }

  .page-menu {

    height: 60px;

    margin-top: -30px;

  }

  .index-box2 .index-box2-number .number span {

    font-size: 36px;

  }

  .news-box2 .item-list .item .item-text .title,

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text .title,

  .news-detail .news-detail-title .title {

    font-size: 24px;

  }

  .originality-box2 .item-list .item-swiper-small {

    position: relative;

    width: 100%;

    margin-top: 30px;

  }

  .footer {

    padding-bottom: 0;

  }

  .footer .footer-top .item .item-box a,

  .footer .footer-top .item .item-box .item-list {

    font-size: 14px;

  }

}

@media screen and (max-width: 1080px) {

  header .section .header-box .logo img {

    max-width: 70%;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    padding: 0 15px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {

    font-size: 14px;

  }

}

@media screen and (max-width: 1024px) {

  .pageMargin {

    margin: 50px auto;

  }

  .pageBanner .banner-box {

    height: 300px;

    margin-top: 60px;

  }

  .pageBanner .section .title {

    font-size: 24px;

  }

  /*header*/

  header .header-menu {

    height: 60px !important;

    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.01);

    background: #fff !important;

  }

  header.active .phone-line {

    background: #000000 !important;

  }

  header.active .phone-line::before {

    background: #000 !important;

  }

  header.active .phone-line::after {

    background: #000 !important;

  }

  header.active .phone-click.active .phone-line {

    background: rgba(255, 255, 255, 0) !important;

  }

  header.active .phone-click.active .phone-line::before {

    background: #000 !important;

  }

  header.active .phone-click.active .phone-line::after {

    background: #000 !important;

  }

  header#member-header .logo {

    position: inherit;

    margin-left: 0;

  }

  header .section .header-box .logo {

    max-width: 35%;

    margin-left: 0;

    filter: none !important;

  }

  header .section .header-box .menu-box {

    display: flex;

    align-items: center;

  }

  header .section .header-box .menu-box .phone-click {

    cursor: pointer;

    width: 22px;

    height: 16px;

    display: flex;

    align-items: center;

    position: relative;

  }

  header .section .header-box .menu-box .phone-click .phone-line {

    height: 2px;

    background: #000;

    width: 100%;

    transition: all 0.5s;

    overflow: hidden;

  }

  header .section .header-box .menu-box .phone-click .phone-line::before,

  header .section .header-box .menu-box .phone-click .phone-line::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background: #000;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click .phone-line::before {

    top: 0;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click .phone-line::after {

    bottom: 0;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click.active .phone-line {

    background: rgba(255, 255, 255, 0);

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click.active .phone-line::before {

    margin: auto;

    transition: all 0.5s;

    transform: translateY(7px) rotate(45deg);

  }

  header .section .header-box .menu-box .phone-click.active .phone-line::after {

    margin: auto;

    transition: all 0.5s;

    transform: translateY(-7px) rotate(-45deg);

  }

  header .section .header-box .menu-box .menu-list {

    display: none;

    position: absolute;

    width: 100%;

    background: #fff;

    top: 60px;

    height: 100vh;

    z-index: 10;

    left: 0;

    margin-left: 0;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    padding-top: 30px;

  }

  header .section .header-box .menu-box .menu-list .firstItem {

    height: auto;

    width: 100%;

    border-bottom: 1px solid #eee;

    display: block;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    height: 50px;

    width: 92.5%;

    margin-left: 5%;

    padding: 0;

    position: relative;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {

    color: #2a2a2a;

    font-size: 14px;

    display: block;

    width: 100%;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover {

    color: #2a2a2a;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i {

    width: 50px;

    height: 50px;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    cursor: pointer;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i.active {

    transform: rotate(45deg);

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::before {

    content: '';

    width: 16px;

    position: absolute;

    height: 2px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    background: #000;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::after {

    content: '';

    height: 16px;

    position: absolute;

    width: 2px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    background: #000;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {

    display: none;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box {

    top: 0 !important;

    border-top: none;

    box-shadow: none;

    position: relative;

    left: 0;

    margin-left: 0;

    width: 100%;

    font-size: 12px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box a {

    text-align: left;

    margin-bottom: 10px;

  }

  header .section .header-box .menu-box .menu-list-phone {

    background: #fff;

    border-top: 1px solid #e5e5e5;

    position: absolute;

    height: 100vh;

    left: 0;

    width: 100%;

    top: 50px;

    padding: 20px;

    display: none;

    z-index: 10;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-list-box {

    display: flex;

    justify-content: space-between;

    height: 100%;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside {

    border-right: 1px solid #e1e3e6;

    height: 100%;

    overflow: hidden;

    width: 120px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item {

    margin-bottom: 30px;

    position: relative;

    padding-left: 10px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item a {

    display: block;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item.active::after {

    content: '';

    width: 4px;

    height: 15px;

    background: var(--dominant-color);

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    position: absolute;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content {

    flex: auto;

    width: calc(100% - 120px);

    padding: 0 10px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content {

    display: none;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content.active {

    display: block;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list {

    display: flex;

    flex-wrap: wrap;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item {

    width: 50%;

    padding: 0 20px;

    margin-bottom: 20px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .title {

    font-size: 12px;

    color: #666;

    text-align: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .summary {

    font-size: 12px;

    text-align: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .imgBox {

    height: auto;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-img {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-title {

    text-align: center;

    font-size: 12px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a {

    display: block;

    color: #666;

    font-size: 12px;

    margin-top: 10px;

  }

  header .section .header-box .menu-box .menu-list .firstItem.language img {

    display: none;

  }

  /*联系我们*/

  .contact-box1 .contact-box {

    flex-direction: column;

  }

  .contact-box1 .contact-box .title {

    font-size: 24px;

  }

  .contact-box1 .contact-box .contact-text .item .summary {

    font-size: 14px;

  }

  div.info-middle {

    font-size: 14px;

  }

  .index-box4 .index-news {

    grid-template-columns: 1fr;

  }

  .index-box3 .section {

    flex-direction: column;

  }

  .index-box3 .section .index-box3-box {

    width: 100%;

    margin-top: 0;

  }

  .index-box3 {

    margin: 80px auto;

  }

  .index-box3 .section .index-box3-swiper {

    width: 100%;

  }

  .about-box-2 .history-swiper .history-swiper-small {

    width: 250px;

    padding-left: 100px;

    background-position: center left 100px;

  }

  .about-box-5 .talent-top {

    height: 400px;

  }

}

@media screen and (max-width: 768px) {

  .banner .swiper-button-prev,

  .banner .swiper-button-next,

  .index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev,

  .index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next,

  .about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev,

  .about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next,

  .originality-box1 .swiper-button .swiper-button-prev,

  .originality-box1 .swiper-button .swiper-button-next {

    width: 40px;

    height: 40px;

  }

  header .section .header-box .logo {

    max-width: 200px;

  }

  header .section .header-box .logo img {

    max-width: 100% !important;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    padding: 0 15px;

    position: relative !important;

  }

  /*通用样式*/

  .seize-a-seat {

    height: 60px;

  }

  .font24 {

    font-size: 20px;

  }

  .font32 {

    font-size: 20px;

  }

  .banner .text {

    top: 25%;

  }

  .banner .text.text-1 .title,

  .banner .text.text-2 .title,

  .banner .text.text-3 .title {

    font-size: 24px;

  }

  .banner .text.text-3 .title {

    line-height: 1.8;

  }

  .banner .text.text-2 .sub,

  .banner .text.text-3 .sub {

    font-size: 16px;

  }

  .banner .text .more {

    font-size: 14px;

    width: 150px;

    height: 50px;

    line-height: 50px;

  }

  .banner .text.text-2 .title {

    line-height: 1.6;

  }

  .page-menu {

    margin-top: 20px;

    height: auto;

    background: none;

    box-shadow: none;

  }

  .page-menu .menu-box {

    flex-wrap: wrap;

    justify-content: flex-start;

  }

  .page-menu .menu-box::-webkit-scrollbar:horizontal {

    height: 0;

  }

  .page-menu .menu-box .item a {

    padding: 10px;

  }

  .page-menu .menu-box .item {

    height: 40px;

    font-size: 14px;

    flex-basis: calc(99% / 3);

    margin-top: 10px;

  }

  .pageBanner .banner-box {

    height: 200px;

    padding: 50px 0;

  }

  .pageBanner .section {

    margin: auto;

  }

  .pageBanner .section .title {

    font-size: 20px;

  }

  .pageBanner .section .summary {

    font-size: 14px;

    margin-top: 10px;

  }

  .pager {

    margin-top: 50px;

  }

  .pager .number {

    margin: 0 5px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

  }

  .index-title {

    margin-bottom: 20px;

  }

  .index-title .title {

    font-size: 20px;

  }

  .index-title .summary {

    font-size: 14px;

    margin-top: 10px;

  }

  .index-title .sub {

    font-size: 16px;

    margin-top: 10px;

  }

  /*通用样式*/

  /*首页*/

  .index-box1 .section {

    padding: 50px 0;

  }

  .index-box1 .section .index-box1-box {

    grid-template-columns: 1fr;

    grid-gap: 20px 0;

  }

  .index-box1 .section .index-box1-box .item .text {

    padding: 10px 20px 20px;

  }

  .index-box1 .section .index-box1-box .item .text .title {

    font-size: 16px;

  }

  .index-box1 .section .index-box1-box .item .text .summary {

    font-size: 14px;

  }

  .index-box2 {

    padding: 130px 0 50px;

    margin-top: -120px;

  }

  .index-box2 .index-title .summary {

    text-align: left;

  }

  .index-box2 .index-title .summary p {

    margin-bottom: 10px;

  }

  .index-box2 .index-title .summary p br {

    display: none;

  }

  .index-box2 .video-img {

    height: 300px;

  }

  .index-box2 .video-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

  }

  .index-box2 .index-box2-number {

    margin: 0;

    width: 100%;

    flex-wrap: wrap;

    padding: 20px;

    justify-content: flex-start;

  }

  .index-box2 .index-box2-number .item {

    flex-basis: calc(100% / 3);

    margin-bottom: 20px;

  }

  .index-box2 .index-box2-number .number span {

    font-size: 16px;

  }

  .index-box1 .section .index-title .summary {

    margin: 10px auto;

  }

  .index-box3 {

    margin: 50px auto;

  }

  .index-box3 .index-box3-box .index-box3-swiper-button {

    padding-top: 0;

  }

  .index-box3 .section .index-box3-swiper .swiper .swiper-slide {

    margin-top: 0 !important;

  }

  .index-box3 .section .index-box3-swiper .swiper {

    margin-top: 30px;

  }

  .index-box3 .section .index-box3-swiper .swiper .swiper-slide .text {

    padding: 20px;

  }

  .index-box3 .section .index-box3-swiper .swiper .swiper-slide .text .more {

    width: 150px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

  }

  .index-box4 .index-box4-box .index-more {

    display: none;

  }

  .index-box4 {

    padding: 50px 0;

  }

  .index-box4 .index-news a {

    flex-direction: column;

  }

  .index-box4 .index-news .item .item-img,

  .index-box4 .index-news .item .text {

    width: 100%;

    flex-basis: 100%;

  }

  .index-box4 .index-news .item {

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);

  }

  .index-box4 .index-news .item .text {

    padding: 20px;

  }

  .index-box4 .index-news .item .item-img .imgBox {

    padding-bottom: 50%;

  }

  .index-box4 .index-news .item .text .title {

    font-size: 16px;

  }

  .index-box4 .index-news .item .text .time {

    font-size: 12px;

    margin: 5px 0;

  }

  .about-box-2 .history-swiper {

    flex-direction: column;

  }

  .about-box-2 .history-swiper .history-swiper-big {

    width: 100%;

    margin-top: 0;

  }

  .about-box-2 .history-swiper .history-swiper-big .bg-time {

    display: none;

  }

  .about-box-2 .history-swiper .history-swiper-big .slide-text {

    position: initial;

  }

  .about-box-2 .history-swiper .history-swiper-big .slide-text .time span {

    font-size: 32px;

  }

  .about-box-2 .history-swiper .history-swiper-big .slide-text .time {

    font-size: 20px;

  }

  .about-box-2 .history-swiper .history-swiper-big .slide-text .title {

    font-size: 16px;

    margin: 10px 0;

  }

  .about-box-2 .history-swiper .history-swiper-big .slide-text .summary {

    font-size: 14px;

  }

  .about-box-2 .history-swiper .history-swiper-small {

    width: 100%;

    background: none;

    padding: 0;

    height: 100px;

  }

  .about-box-2 .history-swiper .history-swiper-big .swiper {

    padding-bottom: 0;

  }

  .about-box-2 .history-swiper .history-swiper-small .swiper {

    display: none;

  }

  .about-box-2 .history-swiper .history-swiper-small .swiper-button {

    display: none;

  }

  .about-box-2 .history-swiper .history-swiper-big .swiper-button {

    flex-direction: row;

    display: flex;

  }

  .about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-prev,

  .about-box-2 .history-swiper .history-swiper-big .swiper-button .swiper-button-next {

    margin-right: 20px;

    transform: rotate(-90deg);

    width: 40px;

    height: 40px;

  }

  .about-box-3 .item-list {

    grid-template-columns: 1fr;

  }

  .about-box-3 .item-list .item .imgBox {

    padding-bottom: 120%;

  }

  .about-box-3 .item-list .item:nth-child(2) {

    margin-top: 0;

  }

  .about-box-4 .honor-swiper .summary {

    font-size: 14px;

  }

  .about-box-4 .honor-swiper .summary br {

    display: none;

  }

  .about-box-4 .honor-swiper .swiper {

    padding-bottom: 80px;

  }

  .about-box-4 .honor-swiper .honor-bg {

    height: 350px;

  }

  .about-box-4 .honor-swiper {

    margin-bottom: 30px;

  }

  .about-box-4 .item-list {

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

  }

  .product-service-box1 .item {

    flex-direction: column !important;

  }

  .product-service-box1 .item .item-text .item-text-in {

    padding: 20px !important;

    margin: 0 !important;

    width: 100% !important;

  }

  .product-service-box1 .item .item-text .item-text-in .sub {

    font-size: 18px;

  }

  .product-service-box1 .item .item-text .item-text-in .title {

    font-size: 20px;

  }

  .product-service-box1 .item .item-text .item-text-in .summary {

    font-size: 14px;

  }

  .product-service-box1 .item .item-text .item-text-in .line {

    margin: 10px 0;

    height: 2px;

    width: 40px;

  }

  .about-box-5 .talent-top .text {

    padding: 20px;

  }

  .about-box-5 .talent-top {

    height: 300px;

    margin-bottom: 50px;

  }

  .about-box-5 .talent-top .text .title {

    font-size: 20px;

  }

  .about-box-5 .talent-top .text .sub {

    font-size: 16px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-text {

    padding: 20px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-text .title {

    font-size: 16px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-text .add,

  .about-box-5 .talent-bottom .item-list .item .item-text .time,

  .about-box-5 .talent-bottom .item-list .item .item-text .number {

    font-size: 12px;

    margin-bottom: 4px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-text .talent-click {

    right: 20px;

    width: 30px;

    height: 30px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-text .talent-click::before {

    width: 1px;

    height: 14px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-text .talent-click::after {

    width: 14px;

    height: 1px;

  }

  .about-box-5 .talent-bottom .item-list .item .item-show {

    padding: 20px;

    font-size: 12px;

  }

  .product-service-box2 .item-list,

  .product-service-box3 .item-list {

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

  }

  .originality-box1 .item {

    background: none;

    height: auto;

    flex-direction: column;

  }

  .originality-box1 .item .imgBox {

    height: 300px;

  }

  .originality-box1 .item .item-text {

    width: 100%;

    padding: 20px 0;

    justify-content: flex-start;

    height: auto;

  }

  .originality-box1 .item .item-text .title,

  .originality-box2 .item-list .item-text .title,

  .originality-box3 .item-list .item-text .title {

    font-size: 20px;

  }

  .originality-box1 .item .item-text .summary {

    font-size: 14px;

  }

  .originality-box1 .item .item-text .title {

    margin-bottom: 10px;

  }

  .originality-box1 .swiper-button {

    position: initial;

    flex-direction: row;

  }

  .originality-box1 .swiper-button .swiper-button-prev,

  .originality-box1 .swiper-button .swiper-button-next {

    filter: brightness(0.5);

    margin-right: 20px;

  }

  .originality-box1 .swiper-button .swiper-button-prev:hover,

  .originality-box1 .swiper-button .swiper-button-next:hover {

    filter: none;

  }

  .originality-box2 .item-list,

  .originality-box3 .item-list {

    flex-direction: column;

  }

  .originality-box2 .item-list .item-text,

  .originality-box2 .item-list .item-swiper,

  .originality-box3 .item-list .item-text,

  .originality-box3 .item-list .item-swiper {

    width: 100%;

  }

  .originality-box2 .item-list .item-text .title,

  .originality-box3 .item-list .item-text .title {

    margin-top: 0;

    margin-bottom: 10px;

  }

  .originality-box2 .item-list .item-text .summary {

    font-size: 14px;

  }

  .originality-box3 .item-list .item-swiper-small {

    position: relative;

    bottom: 0;

    margin-top: 20px;

  }

  .originality-box3 .item-list .item-text .sub {

    font-size: 16px;

  }

  .originality-box3 .item-list .item-text .summary .item .item-title {

    font-size: 14px;

  }

  .news-box2 .item-list .item {

    flex-direction: column-reverse !important;

  }

  .news-box2 .item-list .item .item-text,

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text {

    padding: 0;

  }

  .news-box2 .item-list .item .item-text .title,

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text .title {

    font-size: 16px;

  }

  .news-box2 .item-list .item .item-text .summary {

    font-size: 14px;

  }

  .news-box2 .item-list .item .item-img {

    width: 100%;

  }

  .news-box2 .item-list .item .item-text {

    margin-top: 20px;

  }

  .news-box2 .item-list .item .item-text .time {

    font-size: 12px;

  }

  .news-detail .news-detail-title .title {

    font-size: 18px;

    margin-bottom: 10px;

  }

  .news-detail .news-detail-title {

    margin-top: 50px;

    margin-bottom: 10px;

  }

  .news-detail .news-detail-title .item-list {

    flex-wrap: wrap;

    justify-content: center;

  }

  .news-detail .news-detail-title .item-list .item {

    font-size: 12px;

    margin: 0 10px;

  }

  .news-detail .news-detail-box {

    font-size: 14px;

  }

  .news-detail .new-pager {

    margin: 30px auto;

  }

  .news-detail .new-pager a {

    width: 150px;

    height: 50px;

    font-size: 12px;

  }

  .news-box1 .news-swiper .swiper .swiper-slide {

    flex-direction: column-reverse;

    padding-bottom: 50px;

  }

  .news-box1 .news-swiper .swiper .swiper-slide .slide-img .imgBox {

    height: 300px;

  }

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text {

    margin-top: 20px;

  }

  .news-box1 .news-swiper .swiper .swiper-slide .slide-text .more {

    display: none;

  }

  .news-box1 .news-swiper .swiper .swiper-pagination {

    left: 0;

    text-align: center;

    bottom: 20px;

  }

  .news-box1 .news-swiper {

    margin-bottom: 50px;

  }

  .contact-box1 .contact-box .contact-form form label {

    flex-basis: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .contact-box1 .contact-box .contact-form form label:last-of-type {

    margin-top: 20px;

  }

  .contact-box1 .contact-box .contact-form,

  .contact-box1 .contact-box .contact-text {

    padding: 20px;

  }

  .contact-box1 .contact-box .contact-form form .contact-button {

    flex-direction: column;

    margin-top: 0;

    margin-bottom: 30px;

  }

  .contact-code {

    margin-top: 30px;

  }

  .contact-box1 .contact-box .contact-form form .contact-button button {

    height: 50px;

    font-size: 14px;

    width: 100%;

  }

  .contact-box1 .contact-box .title {

    font-size: 20px;

  }

  div.info-top img {

    width: 300px;

  }

  /*footer*/

  .footer {

    padding: 50px 0 0;

  }

  .footer .footer-top .footer-menu {

    display: none;

  }

  .footer .footer-mid .code {

    justify-content: flex-start;

  }

  .footer .footer-mid {

    margin-top: 30px;

  }

  .footer .footer-mid .code .item {

    margin-left: 0;

    margin-right: 20px;

  }

  .footer .footer-bottom .section {

    flex-direction: column;

    line-height: 1.6;

  }

}

/*# sourceMappingURL=index.css.map */